<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>小米官网</title>
    <link rel="icon" href="img/favicon.ico">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/MyJs.js"></script>
    <script src="js/file-js.js"></script>
</head>
<body>

    <!-- 头部开始 -->
    <div id="header">
        <div class="container">
            <div class="header_nav">
                <a href="">小米网</a>
                <span>|</span>
                <a href="">MIUI</a>
                <span>|</span>
                <a href="">米聊</a>
                <span>|</span>
                <a href="">游戏</a>
                <span>|</span>
                <a href="">多看阅读</a>
                <span>|</span>
                <a href="">云服务</a>
                <span>|</span>
                <a href="">小米网移动版</a>
                <span>|</span>
                <a href="">问题反馈</a>
                <span>|</span>
                <a href="">Select Region</a>
            </div>
            <div class="header_user">
                <a href="" class="shop">
                    购物车( 0 )
                    <div class="shop_show">购物车中还没有商品，赶紧选购吧！</div>
                </a>
                <a href="" class="register">注册</a>
                <span>|</span>
                <a href="">登录</a>
                
            </div>
            
        </div>
    </div>
    <!-- 头部结束 -->

    <!-- 导航开始 -->
    <div id="nav">
        <div class="container nav_show">
            <div class="img">
                <a class="gif" href=""><img src="img/2016020201.gif" alt=""></a>
                <a class="logo" href=""><img src="img/2016020202.gif" alt=""></a>
            </div>
            <ul class="nav_main">
                <li class="fold"><a href="">小米手机</a></li>
                <li class="fold"><a href="">红米</a></li>
                <li class="fold"><a href="">平板</a></li>
                <li class="fold"><a href="">电视 · 盒子</a></li>
                <li class="fold"><a href="">路由器</a></li>
                <li class="fold"><a href="">智能硬件</a></li>
                <li><a href="">服务</a></li>
                <li><a href="">社区</a></li>
            </ul>
            <form action="#">
                <input type="text" class="txt">
                <input type="submit" class="btn" value="">
                <a class="iconfont s_btn">&#xe60a;</a>
                <a class="txt_1" href="">小米手机4</a>
                <a class="txt_2" href="">手环</a>
                <ul class="key_words">
                    <li>
                        <a href="">
                            <em> 移动电源</em>
                            <span>约有22件</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <em> 移动电源</em>
                            <span>约有22件</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <em> 移动电源</em>
                            <span>约有22件</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <em> 移动电源</em>
                            <span>约有22件</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <em> 移动电源</em>
                            <span>约有22件</span>
                        </a>
                    </li>
                </ul>
            </form>
        </div>
        <div id="nav_menu">
            <ul class="container">
                <!-- <li>
                    <a href="" class="img">
                        <img src="img/mi4c!160x110.jpg" alt="">
                    </a>
                    <a href="" class="title">小米手机4c</a>
                    <p>1299元起</p>
                </li> -->

            </ul>
        </div>
    </div>
    <!-- 导航结束 -->

    <!-- 内容上开始 -->
    <div id="content_t">

        <div class="container">
            <div class="switch">
                
                <div class="s_img">
                    <a href=""><img src="img/T17QEgBj_T1RXrhCrK.jpg" alt=""></a>
                    <a href=""><img src="img/T1NDYgBX_v1RXrhCrK.jpg" alt=""></a>
                    <a href=""><img src="img/T1SShgB4Kv1RXrhCrK.jpg" alt=""></a>
                    <a href=""><img src="img/T1lVh_ByJv1RXrhCrK.jpg" alt=""></a>
                    <a href=""><img src="img/T1MvhgBXVv1RXrhCrK.jpg" alt=""></a>
                </div>
                <div class="arrow">
                    <a href="javascript:;" class="prev">&#xe63e;</a>
                    <a href="javascript:;" class="next iconfont">&#xe619;</a>
                </div>
                <div class="tab_btn">
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </div>

                <ul class="s_nav">
                    <li class="category-item">
                        <a href="" class="title">手机 平板 电话卡<i>&#xe619;</i></a>
                        <div class="children children_col3">
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="img/minote.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                    <a href="#" class="select">选购</a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/minote.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                    <a href="#" class="select">选购</a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/minote.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                    <a href="#" class="select">选购</a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/minote.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                    <a href="#" class="select">选购</a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/minote.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                    <a href="#" class="select">选购</a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/minote.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                    <a href="#" class="select">选购</a>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="img/minote.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                    <a href="#" class="select">选购</a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/minote.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                    <a href="#" class="select">选购</a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/minote.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                    <a href="#" class="select">选购</a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/minote.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                    <a href="#" class="select">选购</a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/minote.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                    <a href="#" class="select">选购</a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/minote.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                    <a href="#" class="select">选购</a>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="img/minote.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/minote.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/minote.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="category-item">
                        <a href="" class="title">电视 盒子<i>&#xe619;</i></a>
                        <div class="children children_col2">
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="img/tv40.jpg" alt="">
                                        <span>小米电视 40英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/tv40.jpg" alt="">
                                        <span>小米电视 40英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/tv40.jpg" alt="">
                                        <span>小米电视 40英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/tv40.jpg" alt="">
                                        <span>小米电视 40英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/tv40.jpg" alt="">
                                        <span>小米电视 40英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/tv40.jpg" alt="">
                                        <span>小米电视 40英寸</span>
                                    </a>
                                </li>                              
                            </ul>
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="img/tv40.jpg" alt="">
                                        <span>小米电视 40英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/tv40.jpg" alt="">
                                        <span>小米电视 40英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/tv40.jpg" alt="">
                                        <span>小米电视 40英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/tv40.jpg" alt="">
                                        <span>小米电视 40英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/tv40.jpg" alt="">
                                        <span>小米电视 40英寸</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="category-item">
                        <a href="" class="title">路由器 智能硬件<i>&#xe619;</i></a>
                        <div class="children children_col3">
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="img/miwifi.jpg" alt="">
                                        <span>路由器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/miwifi.jpg" alt="">
                                        <span>路由器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/miwifi.jpg" alt="">
                                        <span>路由器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/miwifi.jpg" alt="">
                                        <span>路由器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/miwifi.jpg" alt="">
                                        <span>路由器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/miwifi.jpg" alt="">
                                        <span>路由器</span>
                                    </a>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="img/miwifi.jpg" alt="">
                                        <span>路由器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/miwifi.jpg" alt="">
                                        <span>路由器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/miwifi.jpg" alt="">
                                        <span>路由器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/miwifi.jpg" alt="">
                                        <span>路由器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/miwifi.jpg" alt="">
                                        <span>路由器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/miwifi.jpg" alt="">
                                        <span>路由器</span>
                                    </a>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="img/miwifi.jpg" alt="">
                                        <span>路由器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/miwifi.jpg" alt="">
                                        <span>路由器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/miwifi.jpg" alt="">
                                        <span>路由器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/miwifi.jpg" alt="">
                                        <span>路由器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/miwifi.jpg" alt="">
                                        <span>路由器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/miwifi.jpg" alt="">
                                        <span>路由器</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="category-item">
                        <a href="" class="title">移动电源 插线板<i>&#xe619;</i></a>
                        <div class="children children_col1">
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="img/dianyuan.jpg" alt="">
                                        <span>小米移动电源</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/dianyuan.jpg" alt="">
                                        <span>小米移动电源</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/dianyuan.jpg" alt="">
                                        <span>小米移动电源</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/dianyuan.jpg" alt="">
                                        <span>小米移动电源</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/dianyuan.jpg" alt="">
                                        <span>小米移动电源</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/dianyuan.jpg" alt="">
                                        <span>小米移动电源</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="category-item">
                        <a href="" class="title">耳机 音箱<i>&#xe619;</i></a>
                        <div class="children children_col2">
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="img/headphone.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/headphone.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/headphone.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/headphone.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/headphone.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/headphone.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="img/headphone.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/headphone.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/headphone.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/headphone.jpg" alt="">
                                        <span>小米Note</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="category-item">
                        <a href="" class="title">电池 存储卡<i>&#xe619;</i></a>
                        <div class="children children_col1">
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="img/5Battery1.jpg" alt="">
                                        <span>彩虹5号电池</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/5Battery1.jpg" alt="">
                                        <span>彩虹5号电池</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/5Battery1.jpg" alt="">
                                        <span>彩虹5号电池</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/5Battery1.jpg" alt="">
                                        <span>彩虹5号电池</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/5Battery1.jpg" alt="">
                                        <span>彩虹5号电池</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/5Battery1.jpg" alt="">
                                        <span>彩虹5号电池</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="category-item">
                        <a href="" class="title">保护套 后盖<i>&#xe619;</i></a>
                        <div class="children children_col1">
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="img/baohu.jpg" alt="">
                                        <span>保护套/保护壳</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/hougai.jpg" alt="">
                                        <span>后盖</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="category-item">
                        <a href="" class="title">贴膜 其他配件<i>&#xe619;</i></a>
                        <div class="children children_col1">
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="img/tiemo.jpg" alt="">
                                        <span>贴膜</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/tiemo.jpg" alt="">
                                        <span>贴膜</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/tiemo.jpg" alt="">
                                        <span>贴膜</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/tiemo.jpg" alt="">
                                        <span>贴膜</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/tiemo.jpg" alt="">
                                        <span>贴膜</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/tiemo.jpg" alt="">
                                        <span>贴膜</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="category-item">
                        <a href="" class="title">米兔 服装<i>&#xe619;</i></a>
                        <div class="children children_col1">
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="img/mitu.jpg" alt="">
                                        <span>米兔</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/fuzhuang.jpg" alt="">
                                        <span>服装</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="category-item">
                        <a href="" class="title">箱包 其他周边<i>&#xe619;</i></a>
                        <div class="children children_col1">
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="img/bag.jpg" alt="">
                                        <span>服装</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/bag.jpg" alt="">
                                        <span>服装</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/bag.jpg" alt="">
                                        <span>服装</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/bag.jpg" alt="">
                                        <span>服装</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/bag.jpg" alt="">
                                        <span>服装</span>
                                    </a>
                                </li>   
                            </ul>
                        </div>
                    </li>
                </ul>

                
            </div>
            <div class="s_home">
                <ul class="home_channel">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <a href="#" class="img"><img src="img/T13iY_B5bv1RXrhCrK.jpg" alt=""></a>
                <a href="#" class="img"><img src="img/T1bLhvBgd_1RXrhCrK.jpg" alt=""></a>
                <a href="#" class="img"><img src="img/T1YgdgBsJT1RXrhCrK.jpg" alt=""></a>
            </div>
            <div class="stars">               
                <div class="p_title clearfix">
                    <h2 class="fl">小米明星单品</h2>
                    <div class="fr">
                        <em class="pre active">&#xe63e;</em>
                        <em class="next">&#xe619;</em>
                    </div>
                </div>
                <div class="wrap">
                    <ul class="list_5">
                        <li>
                            <div class="img">
                                <a href="#"><img src="img/T1UCV_B4dv1RXrhCrK.jpg" alt=""></a>
                            </div>
                            <a class="a_title" href="#">小米移动电源10000mAh</a>
                            <em>79元</em>
                            <span>13.4万人好评</span>
                        </li>
                        <li>
                            <div class="img">
                                <a href="#"><img src="img/T1UCV_B4dv1RXrhCrK.jpg" alt=""></a>
                            </div>
                            <a class="a_title" href="#">小米移动电源10000mAh</a>
                            <em>79元</em>
                            <span>13.4万人好评</span>
                        </li>
                        <li>
                            <div class="img">
                                <a href="#"><img src="img/T1UCV_B4dv1RXrhCrK.jpg" alt=""></a>
                            </div>
                            <a class="a_title" href="#">小米移动电源10000mAh</a>
                            <em>79元</em>
                            <span>13.4万人好评</span>
                        </li>
                        <li>
                            <div class="img">
                                <a href="#"><img src="img/T1UCV_B4dv1RXrhCrK.jpg" alt=""></a>
                            </div>
                            <a class="a_title" href="#">小米移动电源10000mAh</a>
                            <em>79元</em>
                            <span>13.4万人好评</span>
                        </li>
                        <li>
                            <div class="img">
                                <a href="#"><img src="img/T1UCV_B4dv1RXrhCrK.jpg" alt=""></a>
                            </div>
                            <a class="a_title" href="#">小米移动电源10000mAh</a>
                            <em>79元</em>
                            <span>13.4万人好评</span>
                        </li>
                        <li class="active">
                            <div class="img">
                                <a href="#"><img src="img/T1UCV_B4dv1RXrhCrK.jpg" alt=""></a>
                            </div>
                            <a class="a_title" href="#">小米移动电源10000mAh</a>
                            <em>79元</em>
                            <span>13.4万人好评</span>
                        </li>
                        <li>
                            <div class="img">
                                <a href="#"><img src="img/T1UCV_B4dv1RXrhCrK.jpg" alt=""></a>
                            </div>
                            <a class="a_title" href="#">小米移动电源10000mAh</a>
                            <em>79元</em>
                            <span>13.4万人好评</span>
                        </li>
                        <li>
                            <div class="img">
                                <a href="#"><img src="img/T1UCV_B4dv1RXrhCrK.jpg" alt=""></a>
                            </div>
                            <a class="a_title" href="#">小米移动电源10000mAh</a>
                            <em>79元</em>
                            <span>13.4万人好评</span>
                        </li>
                        <li>
                            <div class="img">
                                <a href="#"><img src="img/T1UCV_B4dv1RXrhCrK.jpg" alt=""></a>
                            </div>
                            <a class="a_title" href="#">小米移动电源10000mAh</a>
                            <em>79元</em>
                            <span>13.4万人好评</span>
                        </li>
                        <li>
                            <div class="img">
                                <a href="#"><img src="img/T1UCV_B4dv1RXrhCrK.jpg" alt=""></a>
                            </div>
                            <a class="a_title" href="#">小米移动电源10000mAh</a>
                            <em>79元</em>
                            <span>13.4万人好评</span>
                        </li>
                    </ul>    
                </div>
            </div>
                
        </div>
    </div>
    <!-- 内容上结束 -->

    <!-- 内容下开始 -->
    <div id="content_b">
        <div class="container">

            <!-- 智能硬件开始 -->
            <div class="hardware">
                
                <div class="p_title clearfix">
                    <h2 class="fl">智能硬件</h2>                   
                    <a class="fr" class="fr" href="">
                        查看全部
                        <span>&#xe619;</span>
                    </a>
                </div>
                <div class="wrap">
                    <div class="side_img">
                        <a href="#"><img src="img/T1xsW_B7Ev1RXrhCrK.jpg" alt=""></a>
                    </div>
                    <div class="l5_wrap">
                        <ul class="list_5">
                            <li>
                                <div class="img">
                                    <a href="#"><img src="img/T1zXxvBKdT1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="#"><img src="img/T1zXxvBKdT1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="#"><img src="img/T1zXxvBKdT1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="#"><img src="img/T1zXxvBKdT1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="#"><img src="img/T1zXxvBKdT1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="#"><img src="img/T1zXxvBKdT1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="#"><img src="img/T1zXxvBKdT1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            <li class="small_1">
                                <a href="" class="a_s_title">指环式防滑手机支架 粉色</a>
                                <p>12.5元</p>
                                <a href="#" class="img"><img src="img/T1COAjB7WT1RXrhCrK.jpg" alt=""></a>
                            </li>
                            <li class="small_2">
                                <a class="more" href="#">
                                    浏览更多<br>
                                    <small>热门</small>
                                    <img src="img/more.png" alt="">
                                </a>
                            </li>
                            
                        </ul>    
                    </div>
                    
                </div>

            </div>
            <!-- 智能硬件结束 -->

            <!-- 搭配开始 -->
            <div class="collocation">
                
                <div class="p_title clearfix">
                    <h2 class="fl">搭配</h2>                    
                    <ul class="fr tab_lab">
                        <li>热门</li>
                        <li>耳机音箱</li>
                        <li>电源</li>
                        <li>电池存储卡</li>
                    </ul>  
                </div>
                <div class="wrap">
                    <div class="side_img">
                        <a href="#"><img src="img/T16CLgB4Vv1RXrhCrK.jpg" alt=""></a>
                        <a href="#"><img src="img/T1KF_QBQYT1RXrhCrK.jpg" alt=""></a>
                    </div>
                    <div class="l5_wrap">
                        <ul class="list_5">
                            <li class="h_light">
                                <div class="img">
                                    <a href="#"><img src="img/T1zXxvBKdT1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                                <!-- <a class="highlight">
                                    <em>
                                        比我以前买的小米充电宝砖头好太多了！放在包里不占位置...
                                    </em>
                                    <span>
                                         来自于 龚毅祥 的评价 
                                    </span>
                                </a> -->
                            </li>
                            <li class="h_light">
                                <div class="img">
                                    <a href="#"><img src="img/T1zXxvBKdT1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            <li class="h_light">
                                <div class="img">
                                    <a href="#"><img src="img/T1zXxvBKdT1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            <li class="h_light">
                                <div class="img">
                                    <a href="#"><img src="img/T1zXxvBKdT1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            <li class="h_light">
                                <div class="img">
                                    <a href="#"><img src="img/T1zXxvBKdT1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            <li class="h_light">
                                <div class="img">
                                    <a href="#"><img src="img/T1zXxvBKdT1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="#"><img src="img/T1zXxvBKdT1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            
                            <li class="small_1">
                                <a href="" class="a_s_title">指环式防滑手机支架 粉色</a>
                                <p>12.5元</p>
                                <a href="#" class="img"><img src="img/T1COAjB7WT1RXrhCrK.jpg" alt=""></a>
                            </li>
                            <li class="small_2">
                                <a class="more" href="#">
                                    浏览更多<br>
                                    <small>热门</small>
                                    <img src="img/more.png" alt="">
                                </a>
                            </li> 
                        </ul>
                        <ul class="list_5">
                            耳机音箱
                        </ul>
                        <ul class="list_5">
                            电源
                        </ul>
                        <ul class="list_5">
                            电池存储卡
                        </ul>
                    </div>
                    
                    
                </div>

            </div>
            <!-- 搭配结束 -->

            <!-- 配件开始 -->
            <div class="parts">
                
                <div class="p_title clearfix">
                    <h2 class="fl">配件</h2>                    
                    <ul class="fr tab_lab">
                        <li>热门</li>
                        <li>保护</li>
                        <li>套后盖</li>
                        <li>贴膜</li>
                        <li>其他配件</li>
                    </ul>  
                </div>
                <div class="wrap">
                    <div class="side_img">
                        <a href="#"><img src="img/T16CLgB4Vv1RXrhCrK.jpg" alt=""></a>
                        <a href="#"><img src="img/T1KF_QBQYT1RXrhCrK.jpg" alt=""></a>
                    </div>
                    <div class="l5_wrap">
                        <ul class="list_5">
                            <li class="h_light">
                                <div class="img">
                                    <a href="#"><img src="img/T1zXxvBKdT1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            <li class="h_light">
                                <div class="img">
                                    <a href="#"><img src="img/T1zXxvBKdT1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            <li class="h_light">
                                <div class="img">
                                    <a href="#"><img src="img/T1zXxvBKdT1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="#"><img src="img/T1zXxvBKdT1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="#"><img src="img/T1zXxvBKdT1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="#"><img src="img/T1zXxvBKdT1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="#"><img src="img/T1zXxvBKdT1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            
                            <li class="small_1">
                                <a href="" class="a_s_title">指环式防滑手机支架 粉色</a>
                                <p>12.5元</p>
                                <a href="#" class="img"><img src="img/T1COAjB7WT1RXrhCrK.jpg" alt=""></a>
                            </li>
                            <li class="small_2">
                                <a class="more" href="#">
                                    浏览更多<br>
                                    <small>热门</small>
                                    <img src="img/more.png" alt="">
                                </a>
                            </li>
                            
                        </ul>   
                        <ul class="list_5">
                            保护套
                        </ul>
                        <ul class="list_5">
                            后盖
                        </ul>
                        <ul class="list_5">
                            贴膜
                        </ul>
                        <ul class="list_5">
                            其他配件 
                        </ul> 
                    </div>
                    
                </div>

            </div>
            <!-- 配件结束 -->

            <!-- 周边开始 -->
            <div class="ground">
                
                <div class="p_title clearfix">
                    <h2 class="fl">周边</h2>                    
                    <ul class="fr tab_lab">
                        <li>热门</li>
                        <li>服装</li>
                        <li>米兔</li>
                        <li>生活周边</li>
                        <li>箱包</li>
                    </ul>  
                </div>
                <div class="wrap">
                    <div class="side_img">
                        <a href="#"><img src="img/T1mzD_B7Cv1RXrhCrK.jpg" alt=""></a>
                        <a href="#"><img src="img/T1mzD_B7Cv1RXrhCrK.jpg" alt=""></a>
                    </div>
                    <div class="l5_wrap">
                        <ul class="list_5">
                            <li>
                                <div class="img">
                                    <a href="#"><img src="img/T1l.D_BvLv1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="#"><img src="img/T1l.D_BvLv1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="#"><img src="img/T1l.D_BvLv1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="#"><img src="img/T1l.D_BvLv1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="#"><img src="img/T1l.D_BvLv1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="#"><img src="img/T1l.D_BvLv1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="#"><img src="img/T1l.D_BvLv1RXrhCrK.jpg" alt=""></a>
                                </div>
                                <a class="a_title" href="#">小米移动电源10000mAh</a>
                                <em>79元</em>
                                <span>13.4万人好评</span>
                            </li>
                            
                            <li class="small_1">
                                <a href="" class="a_s_title">指环式防滑手机支架 粉色</a>
                                <p>12.5元</p>
                                <a href="#" class="img"><img src="img/T1caxTBbdT1RXrhCrK!220x220.jpg" alt=""></a>
                            </li>
                            <li class="small_2">
                                <a class="more" href="#">
                                    浏览更多<br>
                                    <small>热门</small>
                                    <img src="img/more.png" alt="">
                                </a>
                            </li>
                            
                        </ul>    
                        <ul class="list_5">
                            服装
                        </ul>
                        <ul class="list_5">
                            米兔
                        </ul>
                        <ul class="list_5">
                            生活周边
                        </ul>
                        <ul class="list_5">
                             箱包
                        </ul>
                    </div>
                    
                </div>
                

            </div>
            <!-- 周边结束 -->
            
            <!-- 为你推荐开始         -->
            <div class="recommend">
                
                <div class="p_title clearfix">
                    <h2 class="fl">为你推荐</h2>
                    <div class="fr">
                        <em class="pre active">&#xe63e;</em>
                        <em class="next">&#xe619;</em>
                    </div>
                </div>
                <div class="wrap">
                    <ul class="list_5">
                        <li>
                            <div class="img">
                                <a href="#"><img src="img/T12HJvByEv1RXrhCrK.jpg" alt=""></a>
                            </div>
                            <a class="a_title" href="#">小米移动电源10000mAh</a>
                            <em>79元</em>
                            <span>13.4万人好评</span>
                        </li>
                        <li>
                            <div class="img">
                                <a href="#"><img src="img/T12HJvByEv1RXrhCrK.jpg" alt=""></a>
                            </div>
                            <a class="a_title" href="#">小米移动电源10000mAh</a>
                            <em>79元</em>
                            <span>13.4万人好评</span>
                        </li>
                        <li>
                            <div class="img">
                                <a href="#"><img src="img/T12HJvByEv1RXrhCrK.jpg" alt=""></a>
                            </div>
                            <a class="a_title" href="#">小米移动电源10000mAh</a>
                            <em>79元</em>
                            <span>13.4万人好评</span>
                        </li>
                        <li>
                            <div class="img">
                                <a href="#"><img src="img/T12HJvByEv1RXrhCrK.jpg" alt=""></a>
                            </div>
                            <a class="a_title" href="#">小米移动电源10000mAh</a>
                            <em>79元</em>
                            <span>13.4万人好评</span>
                        </li>
                        <li>
                            <div class="img">
                                <a href="#"><img src="img/T12HJvByEv1RXrhCrK.jpg" alt=""></a>
                            </div>
                            <a class="a_title" href="#">小米移动电源10000mAh</a>
                            <em>79元</em>
                            <span>13.4万人好评</span>
                        </li>
                        <li class="active">
                            <div class="img">
                                <a href="#"><img src="img/T12HJvByEv1RXrhCrK.jpg" alt=""></a>
                            </div>
                            <a class="a_title" href="#">小米移动电源10000mAh</a>
                            <em>79元</em>
                            <span>13.4万人好评</span>
                        </li>
                        <li>
                            <div class="img">
                                <a href="#"><img src="img/T12HJvByEv1RXrhCrK.jpg" alt=""></a>
                            </div>
                            <a class="a_title" href="#">小米移动电源10000mAh</a>
                            <em>79元</em>
                            <span>13.4万人好评</span>
                        </li>
                        <li>
                            <div class="img">
                                <a href="#"><img src="img/T12HJvByEv1RXrhCrK.jpg" alt=""></a>
                            </div>
                            <a class="a_title" href="#">小米移动电源10000mAh</a>
                            <em>79元</em>
                            <span>13.4万人好评</span>
                        </li>
                        <li>
                            <div class="img">
                                <a href="#"><img src="img/T12HJvByEv1RXrhCrK.jpg" alt=""></a>
                            </div>
                            <a class="a_title" href="#">小米移动电源10000mAh</a>
                            <em>79元</em>
                            <span>13.4万人好评</span>
                        </li>
                        <li>
                            <div class="img">
                                <a href="#"><img src="img/T12HJvByEv1RXrhCrK.jpg" alt=""></a>
                            </div>
                            <a class="a_title" href="#">小米移动电源10000mAh</a>
                            <em>79元</em>
                            <span>13.4万人好评</span>
                        </li>
                    </ul>    
                </div>
            </div>
            <!-- 为你推荐结束 -->

            <!-- 热评产品开始 -->
            <div class="hot">
                <div class="p_title clearfix">
                    <h2 class="fl">热评产品</h2>                   
                </div>
                <div class="wrap">
                    <ul class="list_4">
                        <li>
                            <a href="">
                                <img src="img/T1zah_B7hv1RXrhCrK.jpg" alt="">
                            </a>
                            <div class="describe">
                                <a href="#" class="text">
                                    一如既往的发烧体验，炫酷的外形，人性的设计，动听的音质！高中低音表现平衡，保持良好的音色体验
                                </a>
                                <p>来自于 saxson 的评价</p>
                                <em>
                                    <a href="">
                                        小米头戴式耳机
                                    </a>
                                    <span>|</span>
                                    <strong>499元</strong>
                                </em>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <img src="img/T1zah_B7hv1RXrhCrK.jpg" alt="">
                            </a>
                            <div class="describe">
                                <a href="#" class="text">
                                    一如既往的发烧体验，炫酷的外形，人性的设计，动听的音质！高中低音表现平衡，保持良好的音色体验
                                </a>
                                <p>来自于 saxson 的评价</p>
                                <em>
                                    <a href="">
                                        小米头戴式耳机
                                    </a>
                                    <span>|</span>
                                    <strong>499元</strong>
                                </em>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <img src="img/T1zah_B7hv1RXrhCrK.jpg" alt="">
                            </a>
                            <div class="describe">
                                <a href="#" class="text">
                                    一如既往的发烧体验，炫酷的外形，人性的设计，动听的音质！高中低音表现平衡，保持良好的音色体验
                                </a>
                                <p>来自于 saxson 的评价</p>
                                <em>
                                    <a href="">
                                        小米头戴式耳机
                                    </a>
                                    <span>|</span>
                                    <strong>499元</strong>
                                </em>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <img src="img/T1zah_B7hv1RXrhCrK.jpg" alt="">
                            </a>
                            <div class="describe">
                                <a href="#" class="text">
                                    一如既往的发烧体验，炫酷的外形，人性的设计，动听的音质！高中低音表现平衡，保持良好的音色体验
                                </a>
                                <p>来自于 saxson 的评价</p>
                                <em>
                                    <a href="">
                                        小米头戴式耳机
                                    </a>
                                    <span>|</span>
                                    <strong>499元</strong>
                                </em>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 热评产品结束 -->

            <!-- 内容开始 -->
            <div class="con">
                <div class="wrap">
                    <ul class="list_4">
                        <li class="book">
                            <h3>
                                图书
                            </h3>
                            <ol>
                                <li>
                                    <a class="item" href="">免费专区1</a>
                                    <p>
                                        <a href="">
                                            万本好书免费看，独家好书免费领，天天更新，给你好看！
                                        </a>
                                    </p>
                                    <a class="cost" href="">看书不花钱</a>
                                    <a class="img" href="">
                                        <img src="img/T1PRZjBjET1RXrhCrK.jpg" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a class="item" href="">免费专区2</a>
                                    <p>
                                        <a href="">
                                            万本好书免费看，独家好书免费领，天天更新，给你好看！
                                        </a>
                                    </p>
                                    <a class="cost" href="">看书不花钱</a>
                                    <a class="img" href=""><img src="img/T1PRZjBjET1RXrhCrK.jpg" alt=""></a>
                                </li>
                                <li>
                                    <a class="item" href="">免费专区3</a>
                                    <p>
                                        <a href="">
                                            万本好书免费看，独家好书免费领，天天更新，给你好看！
                                        </a>
                                    </p>
                                    <a class="cost" href="">看书不花钱</a>
                                    <a class="img" href=""><img src="img/T1PRZjBjET1RXrhCrK.jpg" alt=""></a>
                                </li>
                                <li>
                                    <a class="item" href="">免费专区4</a>
                                    <p>
                                        <a href="">
                                            万本好书免费看，独家好书免费领，天天更新，给你好看！
                                        </a>
                                    </p>
                                    <a class="cost" href="">看书不花钱</a>
                                    <a class="img" href=""><img src="img/T1PRZjBjET1RXrhCrK.jpg" alt=""></a>
                                </li>
                            </ol>

                            <div class="tab_btn">
                                <span class="active"></span>
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                            <div class="arrow">
                                <a href="javascript:;" class="prev">&#xe623;</a>
                                <a href="javascript:;" class="next">&#xe619;</a>
                            </div>
                        </li>

                        <li class="MIUI_topic">
                            <h3>
                                MIUI 主题
                            </h3>
                            <ol>
                                <li>
                                    <a class="item" href="">免费专区1</a>
                                    <p>
                                        <a href="">
                                            万本好书免费看，独家好书免费领，天天更新，给你好看！
                                        </a>
                                    </p>
                                    <a class="cost" href="">看书不花钱</a>
                                    <a class="img" href="">
                                        <img src="img/T1PRZjBjET1RXrhCrK.jpg" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a class="item" href="">免费专区2</a>
                                    <p>
                                        <a href="">
                                            万本好书免费看，独家好书免费领，天天更新，给你好看！
                                        </a>
                                    </p>
                                    <a class="cost" href="">看书不花钱</a>
                                    <a class="img" href=""><img src="img/T1PRZjBjET1RXrhCrK.jpg" alt=""></a>
                                </li>
                                <li>
                                    <a class="item" href="">免费专区3</a>
                                    <p>
                                        <a href="">
                                            万本好书免费看，独家好书免费领，天天更新，给你好看！
                                        </a>
                                    </p>
                                    <a class="cost" href="">看书不花钱</a>
                                    <a class="img" href=""><img src="img/T1PRZjBjET1RXrhCrK.jpg" alt=""></a>
                                </li>
                                <li>
                                    <a class="item" href="">免费专区4</a>
                                    <p>
                                        <a href="">
                                            万本好书免费看，独家好书免费领，天天更新，给你好看！
                                        </a>
                                    </p>
                                    <a class="cost" href="">看书不花钱</a>
                                    <a class="img" href=""><img src="img/T1PRZjBjET1RXrhCrK.jpg" alt=""></a>
                                </li>
                            </ol>

                            <div class="tab_btn">
                                <span class="active"></span>
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                            <div class="arrow">
                                <a href="javascript:;" class="prev">&#xe623;</a>
                                <a href="javascript:;" class="next">&#xe619;</a>
                            </div>
                        </li>

                        <li class="games">
                            <h3>
                                游戏
                            </h3>
                            <ol>
                                <li>
                                    <a class="item" href="">免费专区1</a>
                                    <p>
                                        <a href="">
                                            万本好书免费看，独家好书免费领，天天更新，给你好看！
                                        </a>
                                    </p>
                                    <a class="cost" href="">看书不花钱</a>
                                    <a class="img" href="">
                                        <img src="img/T1PRZjBjET1RXrhCrK.jpg" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a class="item" href="">免费专区2</a>
                                    <p>
                                        <a href="">
                                            万本好书免费看，独家好书免费领，天天更新，给你好看！
                                        </a>
                                    </p>
                                    <a class="cost" href="">看书不花钱</a>
                                    <a class="img" href=""><img src="img/T1PRZjBjET1RXrhCrK.jpg" alt=""></a>
                                </li>
                                <li>
                                    <a class="item" href="">免费专区3</a>
                                    <p>
                                        <a href="">
                                            万本好书免费看，独家好书免费领，天天更新，给你好看！
                                        </a>
                                    </p>
                                    <a class="cost" href="">看书不花钱</a>
                                    <a class="img" href=""><img src="img/T1PRZjBjET1RXrhCrK.jpg" alt=""></a>
                                </li>
                                <li>
                                    <a class="item" href="">免费专区4</a>
                                    <p>
                                        <a href="">
                                            万本好书免费看，独家好书免费领，天天更新，给你好看！
                                        </a>
                                    </p>
                                    <a class="cost" href="">看书不花钱</a>
                                    <a class="img" href=""><img src="img/T1PRZjBjET1RXrhCrK.jpg" alt=""></a>
                                </li>
                            </ol>

                            <div class="tab_btn">
                                <span class="active"></span>
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                            <div class="arrow">
                                <a href="javascript:;" class="prev">&#xe623;</a>
                                <a href="javascript:;" class="next">&#xe619;</a>
                            </div>
                        </li>

                        <li class="app">
                            <h3>
                                应用
                            </h3>
                            <ol>
                                <li>
                                    <a class="item" href="">免费专区1</a>
                                    <p>
                                        <a href="">
                                            万本好书免费看，独家好书免费领，天天更新，给你好看！
                                        </a>
                                    </p>
                                    <a class="cost" href="">看书不花钱</a>
                                    <a class="img" href="">
                                        <img src="img/T1PRZjBjET1RXrhCrK.jpg" alt="">
                                    </a>
                                </li>
                                <li>
                                    <a class="item" href="">免费专区2</a>
                                    <p>
                                        <a href="">
                                            万本好书免费看，独家好书免费领，天天更新，给你好看！
                                        </a>
                                    </p>
                                    <a class="cost" href="">看书不花钱</a>
                                    <a class="img" href=""><img src="img/T1PRZjBjET1RXrhCrK.jpg" alt=""></a>
                                </li>
                                <li>
                                    <a class="item" href="">免费专区3</a>
                                    <p>
                                        <a href="">
                                            万本好书免费看，独家好书免费领，天天更新，给你好看！
                                        </a>
                                    </p>
                                    <a class="cost" href="">看书不花钱</a>
                                    <a class="img" href=""><img src="img/T1PRZjBjET1RXrhCrK.jpg" alt=""></a>
                                </li>
                                <li>
                                    <a class="item" href="">免费专区4</a>
                                    <p>
                                        <a href="">
                                            万本好书免费看，独家好书免费领，天天更新，给你好看！
                                        </a>
                                    </p>
                                    <a class="cost" href="">看书不花钱</a>
                                    <a class="img" href=""><img src="img/T1PRZjBjET1RXrhCrK.jpg" alt=""></a>
                                </li>
                            </ol>

                            <div class="tab_btn">
                                <span class="active"></span>
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                            <div class="arrow">
                                <a href="javascript:;" class="prev">&#xe623;</a>
                                <a href="javascript:;" class="next">&#xe619;</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 内容结束 -->

            <!-- 视频开始 -->
            <div class="viedo">
                
                <div class="p_title clearfix">
                    <h2 class="fl">视频</h2>                   
                    <a class="fr" class="fr" href="">
                        查看全部
                        <span>&#xe619;</span>
                    </a>
                </div>
                <div class="wrap">
                    <ul class="list_4">
                        <li>
                            <a href="">
                                <img src="img/T1qDE_BbdT1RXrhCrK.jpg" alt="">
                                <div class="viedo_btn active"> </div>
                            </a>
                            <a href="#" class="text">
                                小米2015新品发布会（雷军深情告白）
                            </a>
                            <p>雷总深情独白：我所有的向往</p>
                        </li>
                        <li>
                            <a href="">
                                <img src="img/T1qDE_BbdT1RXrhCrK.jpg" alt="">
                                <div class="viedo_btn"> </div>
                            </a>
                            <a href="#" class="text">
                                小米2015新品发布会（雷军深情告白）
                            </a>
                            <p>将这些先于时代的千元旗舰配置，献给所有的年轻人</p>
                        </li>
                        <li>
                            <a href="">
                                <img src="img/T1qDE_BbdT1RXrhCrK.jpg" alt="">
                                <div class="viedo_btn"> </div>
                            </a>
                            <a href="#" class="text">
                                小米2015新品发布会（雷军深情告白）
                            </a>
                            <p>雷总深情独白：我所有的向往</p>
                        </li>
                        <li>
                            <a href="">
                                <img src="img/T1qDE_BbdT1RXrhCrK.jpg" alt="">
                                <div class="viedo_btn"> </div>
                            </a>
                            <a href="#" class="text">
                                小米2015新品发布会（雷军深情告白）
                            </a>
                            <p>雷总深情独白：我所有的向往</p>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 视频结束 -->
        
        </div>
    </div>
    <!-- 内容下结束 -->

    <!-- 底部开始 -->
    <div id="footer">
        <div class="container">
            <div class="footer_service">
                <ul class="container">
                    <li class="first"><a href=""><span class="iconfont">&#xe61b; </span>1小时快修服务</a></li>
                    <li><a href=""><span class="iconfont">&#xe61e; </span>7天无理由退货</a></li>
                    <li><a href=""><span class="iconfont">&#xe606; </span>15天免费换货</a></li>
                    <li><a href=""><span class="iconfont">&#xe64d; </span>满150元包邮</a></li>
                    <li><a href=""><span class="iconfont">&#xe60b; </span>520余家售后网点</a></li>
                </ul>
            </div>
            <div class="footer_link container">
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">支付方式</a></dd>
                    <dd><a href="">配送方式</a></dd>
                </dl>
                <dl>
                    <dt>服务支持</dt>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">支付方式</a></dd>
                    <dd><a href="">配送方式</a></dd>
                </dl>
                <dl>
                    <dt>小米之家</dt>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">支付方式</a></dd>
                    <dd><a href="">配送方式</a></dd>
                </dl>
                <dl>
                    <dt>关于小米</dt>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">支付方式</a></dd>
                    <dd><a href="">配送方式</a></dd>
                </dl>
                <dl>
                    <dt>关注我们</dt>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">支付方式</a></dd>
                    <dd><a href="">配送方式</a></dd>
                </dl>
                <dl>
                    <dt>特色服务</dt>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">支付方式</a></dd>
                    <dd><a href="">配送方式</a></dd>
                </dl>
                <div class="contact">
                    <p>400-100-5678</p>
                    <em>
                        2月7日至13日服务时间 9:00-18:00
                        <span>（仅收市话费）</span>
                    </em>
                    <a href="">24小时在线客服</a>
                </div>
            </div>
            <div class="footer_info">
                <div class="logo fl">
                    <img src="img/logo.png" alt="">
                </div>
                <p>
                    <a href="">小米网</a>
                    <span>|</span>
                    <a href="">MIUI</a>
                    <span>|</span>
                    <a href="">米聊</a>
                    <span>|</span>
                    <a href="">多看阅读</a>
                    <span>|</span>
                    <a href="">小米路由器</a>
                    <span>|</span>
                    <a href="">视频电话</a>
                    <span>|</span>
                    <a href="">小米后院</a>
                    <span>|</span>
                    <a href="">小米天猫店</a>
                    <span>|</span>
                    <a href="">小米淘宝直营店</a>
                    <span>|</span>
                    <a href="">小米网盟</a>
                    <span>|</span>
                    <a href="">问题反馈</a>
                    <span>|</span>
                    <a href="">Select Region</a>
                </p>
                <p>
                    ©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备1101080212535号 京网文[2014]0059-0009号 违法和不良信息举报电话：185-0130-1238
                </p>
                <div class="v_logo">
                    <a href=""><img src="img/v-logo-3.png" alt=""></a>
                    <a href=""><img src="img/v-logo-2.png" alt=""></a>
                    <a href=""><img src="img/v-logo-1.png" alt=""></a>
                </div>
            </div>
        </div>
    </div>
    <!-- 地部结束 -->

</body>
</html>